<html>
    <head>
        <meta charset="UTF-8">
        <title>Formulario de indicadores 3M</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/responsive.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/datepicker.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">
    </head>

    <body>

        {% include "topmenu.html" %} <!-- Top menu -->
        <div class="container">
            <div class="row-fluid">
                {% include "sidebar.html" %} <!-- Side bar -->
                <!-- Formulario de indicadores -->
                <div class="span9">
                    <!-- Cargar el formulario de indicadores -->
                    <!-- Modal -->
                    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h3 id="myModalLabel"></h3>
                        </div>
                        <div id="mensaje-modal" class="modal-body">

                            Existen campos que no han sido cargados:

                        </div>
                        <div class="modal-footer">
                            <button class="btn" data-dismiss="modal" aria-hidden="true">
                                Cancelar operacion
                            </button>
                            <button id="id_confirmar" class="btn btn-primary">
                                Confirmar y guardar cambios
                            </button>
                        </div>
                    </div>
                    <div class="page-header">
                        <h1>Formulario de indicadores 3M</h1>
                    </div>
                    {% if info_enviado == "Guardado" %}
                    <p>
                        <h3>El formulario ha sido guardado exitosamente</h3>
                    </p>
                    {% else %}
                    {% if info_enviado == "Error" %}

                    <div id="errorGeneral" class="alert alert-error">
                        {{ mensaje_error | safe }}
                    </div>
                    {%else%}
                    {{ dtx.cabecera_formulario | safe }}
                    {% csrf_token %}
                    {{ dtx.form_indicadores | safe }}
                    {%endif%}
                    {%endif%}
                </div><!-- Fin span9-->
            </div>
            <!-- Fin row -->
            {% include "footer.html" %} <!-- Footer -->
        </div>
        <!-- /container -->
        <!-- JS files -->
        {% load staticfiles %}
        <script type="text/javascript" src="{% static "js/jquery-1.10.2.min.js" %}"></script>
        {% load staticfiles %}
        <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
        {% load staticfiles %}
        <script type="text/javascript" src="{% static "js/bootstrap-datepicker.js" %}"></script>
        {% load staticfiles %}
        <script type="text/javascript" src="{% static "js/indicadores.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
    </body>
</html>
